<template>
  <div id='wrap'>
    <h1>RouterView插槽子组件</h1>
    <p>{{ $route.params }}</p>
    <p>{{ props.id }}</p>
    <p>{{ props.title }}</p>
    <p>{{ props.content }}</p>
    <p v-for="item in props.view" :key="item">{{ item }}</p>
  </div>
</template>

<script lang='ts'>
export default {
  name: 'scu39Son1',
}
</script>

<script lang='ts' setup>
import { ref } from 'vue'
import { type classA } from "../scu39.vue";
import { useRoute } from "vue-router";
const route=useRoute()
console.log(route.params,'route');
const props=defineProps<{
  id:string,
  title:string,
  content:string,
  view:classA
}>()
</script>

<style scoped lang='scss'>

</style>
